<template>
  <h1>属性绑定练习</h1>
  <input type="text" v-bind:value="info" > <br/>
  <a href="https://www.baidu.com">超链接</a> <br/>
  <a v-bind:href="url">超链接</a> <br>

<!-- v-bind可以省略，直接写:value -->
  <input type="text" :value="info" > <br/>
</template>

<script setup>
 import {ref} from "vue";

 const info = ref("tom333");
 const url = ref("https://www.baidu.com")
</script>

<style scoped>

</style>